<template>
  <div class="end"></div>
  <div class="footer">
    <el-row justify="space-evenly">
      <el-col :span="12">
        <h3>关于我们</h3>

        <p>
          🎮探索红白机世界！加入我们，畅游80年代经典游戏的海洋！
          <br />
          <br />
          在这里，你将找到最令人难忘的冒险，最激动人心的战斗，以及最难忘的角色！🚀
        </p>
      </el-col>

      <el-col :span="6">
        <h3>联系我们</h3>
        <el-button type="info" round size="large" @click="$router.push('/comment')"
          >留言板😜</el-button
        >
      </el-col>
      <el-col :span="3">
        <h3>关注我们</h3>
        <el-icon size="40px"> <SwitchFilled /></el-icon>
        <el-icon size="40px"> <ElementPlus /></el-icon>
        <el-icon size="40px"><Promotion /></el-icon>
      </el-col>
    </el-row>

    <el-divider border-style="dashed" />

    <el-row justify="space-around">
      <p>&copy; 2024 Docios 红白机游戏网站. 版权所有.</p>
    </el-row>
  </div>
</template>

<style scoped>
.end {
  margin-top: 100px;
  height: 110px;
  background-image: url('@/assets/theEnd.png');
  background-repeat: no-repeat;
  background-position: center;
}
.footer {
  padding: 40px 0;
  min-width: 900px;
  border-radius: 20px 20px 0 0;
  background-color: #c4ad99ff;
}
</style>
